<?php

defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html>
<head lang="en">
    <base href="<?php echo $this->config->item('base_url')?>"/>
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta charset="UTF-8">
    <title></title>
    <link href="../WeEngine/web/resource/css/bootstrap.min.css" rel="stylesheet">
    <link href="../WeEngine/web/resource/css/common.css" rel="stylesheet">
    <link href="../WeEngine/web/resource/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="css/jquery.autocomplete.css" rel="stylesheet">
    <style>
        .content{
            position:relative;
            margin: 0 auto;
            width:640px;
            height:960px;
            background: url(images/bg2.png) no-repeat;
            background-size: 100% 100%;
        }
        .input{
            position:absolute;
            left:31.25%;
            width:56.25%;
            height:5.9375%;
            border-radius: 3px;
            border:none;
            font-size: 2.4rem;
        }
        .select{
            position:absolute;
            width:35.3125%;
            left:31.25%;
            top:51.66666666666667%;
            height:5.9375%;
            border-radius: 3px;
            border:none;
            font-size: 2.4rem;
        }
        #name{
            top:36.14583333333333%;
        }
        #phone{
            top:43.85416666666667%;
        }
        #community{
            top:59.27083333333333%;
        }
        #btn_submit{
            position: absolute;
            width: 37.5%;
            left:31.25%;
            top:71.25%;
            height: 6.97916666666667%;
            background:url(images/btn_submit.png) no-repeat;
            background-size: 100% 100%;
            padding: 0;
            border:none;
            margin: 0;
        }
        .dialog{
            position: absolute;
            top:20%;
            left:4%;
            width:92.5%;
            height:65%;
            z-index: 101;
            background:url("images/modal.png") no-repeat;
            background-size: 100% 100% ;
        }
        #btn_share2,#btn_return{
            margin-top:95%;
            width: 35.9375%;
            height:11%;
            border: none;


        }
        #btn_share2{
            background: url("images/btn_share2.png") no-repeat;
            background-size: 100% 100% ;
            margin-left: 10%;
            float: left;
        }
        #btn_return{
            background: url("images/btn_return.png") no-repeat;
            background-size: 100% 100% ;
            margin-right: 10%;
            float: right;
        }
        .dark{
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            background:rgba(0,0,0,0.8);
            width: 100%;
            height: 100%;
            z-index: 100;
        }
    </style>
</head>
<body>

<div class="content">
    <input id="name" type="input" class="input" placeholder="输入姓名"/>
    <input id="phone" type="input" class="input" placeholder="请输入手机号码"/>
    <select id="district" class="select">
        <option>雁塔区</option>
        <option>长安区</option>
        <option>碑林区</option>
        <option>莲湖区</option>
        <option>新城区</option>
        <option>灞桥区</option>
        <option>未央区</option>
    </select>
    <input id="community" type="input" class="input" placeholder="请输入您的小区名称"/>
    <input type="button" id="btn_submit"/>
    <div class="dark">
        <div class="dialog">
            <input type="button" id="btn_share2">
            <input type="button" id="btn_return">
        </div>
    </div>

</div>
</body>
<script type="text/javascript">
    new function (){
        var _self = this;
        _self.width = 640;//设置默认最大宽度
        _self.fontSize = 10;//默认字体大小
        _self.widthProportion = function(){var p = (document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/_self.width;return p>1?1:p<0.5?0.5:p;};
        _self.changePage = function(){
            document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+_self.widthProportion()*_self.fontSize+"px !important");
        }
        _self.changePage();
        window.addEventListener('resize',function(){_self.changePage();},false);
    };
</script>
<script src="js/jquery.js"></script>
<script src="../WeEngine/web/resource/js/lib/bootstrap.min.js"></script>
<script src="js/jquery.autocomplete.js"></script>
<script src="js/submit1.js"></script>

</html>